<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>맛집 세상 관리자</title>
<script type="text/javascript">
function deleteForm(num) {
	if(confirm("삭제하시겠습니까?")){
	frm.method="POST";
	frm.action = "<%=request.getContextPath()%>/faqDelete.do?num="+num;
	frm.submit();
	}
}
</script>
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1406277561,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dokv=88e434a982/"},atok:"c7408377f8f729eb5c451d460f3aaf80",petok:"ad00ad8cebec3821517e91a5b2b941e9e29a7be1-1406957804-1800",zone:"adbee.technology",rocket:"0",apps:{"ga_key":{"ua":"UA-49262924-2","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="../ajax.cloudflare.com/cdn-cgi/nexp/dokv%3d97fb4d042e/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />

<link href="css/libs/font-awesome.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="css/libs/nanoscroller.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/compiled/layout.css">
<link rel="stylesheet" type="text/css" href="css/compiled/elements.css">


<link type="image/x-icon" href="favicon.png" rel="shortcut icon" />

<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400'
	rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-49262924-2']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<body>
	<%-- 상 단 --%>
	<jsp:include page="../include/top.jsp"></jsp:include>
	<%-- 상 단 끝 --%>
	<div id="content-wrapper">
		<div class="row">
			<div class="col-lg-12">
				<div class="row">
					<div class="col-lg-12">
						<ol class="breadcrumb">
							<li><a href="#">Home</a></li>
							<li class="active"><span>FAQ</span></li>
						</ol>
						<h1>FAQ</h1>
					</div>
				</div>
				<form action="" name="frm">
				<div class="row">
					<div class="col-lg-12">
						<div class="main-box clearfix" style="min-height: 1100px;">
							<div class="tabs-wrapper tabs-no-header">
								<ul class="nav nav-tabs">
									<li class="active"><a href="#tab-home" data-toggle="tab">General</a></li>
									<li><a href="#tab-accounts" data-toggle="tab">Accounts</a></li>
									<li class="dropdown"><a class="dropdown-toggle"
										data-toggle="dropdown" href="#"> Technical 
										<span class="caret"></span>
									</a>
										<ul class="dropdown-menu" role="menu">
											<li><a href="#tab-configuration" data-toggle="tab">Configuration</a></li>
											<li><a href="#tab-configuration" data-toggle="tab">Voice</a></li>
											<li class="divider"></li>
											<li><a href="#tab-configuration" data-toggle="tab">Messaging</a></li>
										</ul></li>
											<a href="<%=request.getContextPath()%>/faqInsert.do" class="btn btn-primary pull-right"> 
											<i class="fa fa-plus-circle fa-lg"></i> 글 추가
								</a>
								</ul>
									
								<div class="tab-content">
									<div class="tab-pane fade in active" id="tab-home">
										<h3>
											<span>자주하는 질문1</span>
										</h3>
										<c:choose>
										<c:when test="${totalArticle==0}">
											<table border="1" width="700" cellspacing="0" cellpadding="1" align="center">
												<tr align="center">
													<td>게시판에 저장된 글이 없습니다.</td>
												</tr>
											</table>
										</c:when>
										<c:otherwise>
										<div class="panel-group accordion" id="accordion">
										
										<!-- LIST 시작 -->
										<c:forEach var="faq" items="${faqList}">
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion"
															href="#faq${faq.num}"> 
															<i class="fa fa-cloud"></i> 
															${faq.subject}
														</a>
													</h4>
												</div>
												<div id="faq${faq.num}" class="panel-collapse collapse">
													<div class="panel-body">
														${faq.contents}<br/><br/><br/>
														<button type="button" class="btn btn-primary" onclick="document.location.href='faqUpdate.do?num=${faq.num}'">
														<font size="1">수 정</font></button>
														<button type="button" class="btn btn-primary" onclick="deleteForm(${faq.num})">
														<font size="1" color="red" style="font-weight: bold;">삭 제</font></button>
														
													</div>
												</div>
											</div>
											</c:forEach>
									
											<!-- LIST END -->
										</div>
										</c:otherwise>
										</c:choose>
										<h3>
											<span>자주하는 질문2</span>
										</h3>
										<div class="panel-group accordion" id="accordion4">
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion4"
															href="#collapseOne4"> <i class="fa fa-btc"></i> How
															does Superhero’s pricing work?
														</a>
													</h4>
												</div>
												<div id="collapseOne4" class="panel-collapse collapse">
													<div class="panel-body">
														Now that there is the Tec-9, a crappy spray gun from South
														Miami. This gun is advertised as the most popular gun in
														American crime. Do you believe that shit? It actually says
														that in the little book that comes with it: the most
														popular gun in American crime. Like they're actually proud
														of that shit. <br /> <br /> Look, just because I don't be
														givin' no man a foot massage don't make it right for
														Marsellus to throw Antwone into a glass motherfuckin'
														house, fuckin' up the way the nigger talks. Motherfucker
														do that shit to me, he better paralyze my ass, 'cause I'll
														kill the motherfucker, know what I'm sayin'?
													</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion4"
															href="#collapseTwo4"> <i class="fa fa-coffee"></i>
															What happens if my Superhero account balance reaches
															zero?
														</a>
													</h4>
												</div>
												<div id="collapseTwo4" class="panel-collapse collapse">
													<div class="panel-body">Do you see any Teletubbies in
														here? Do you see a slender plastic tag clipped to my shirt
														with my name printed on it? Do you see a little Asian
														child with a blank expression on his face sitting outside
														on a mechanical helicopter that shakes when you put
														quarters in it? No? Well, that's what you see at a toy
														store. And you must think you're in a toy store, because
														you're here shopping for an infant named Jeb.</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion4"
															href="#collapseThree4"> <i class="fa fa-credit-card"></i>
															When does volume pricing kick in?
														</a>
													</h4>
												</div>
												<div id="collapseThree4" class="panel-collapse collapse">
													<div class="panel-body">Well, the way they make shows
														is, they make one show. That show's called a pilot. Then
														they show that show to the people who make shows, and on
														the strength of that one show they decide if they're going
														to make more shows. Some pilots get picked and become
														television programs. Some don't, become nothing. She
														starred in one of the ones that became nothing.</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion4"
															href="#collapseFour4"> <i class="fa fa-flask"></i>
															How do I set a recharge trigger?
														</a>
													</h4>
												</div>
												<div id="collapseFour4" class="panel-collapse collapse">
													<div class="panel-body">Well, the way they make shows
														is, they make one show. That show's called a pilot. Then
														they show that show to the people who make shows, and on
														the strength of that one show they decide if they're going
														to make more shows. Some pilots get picked and become
														television programs. Some don't, become nothing. She
														starred in one of the ones that became nothing.</div>
												</div>
											</div>
										</div>
									</div>
									<div class="tab-pane fade" id="tab-accounts">
										<h3>
											<span>Accounts information</span>
										</h3>
										<div class="panel-group accordion" id="accordion2">
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion2"
															href="#collapseOne2"> What is a subaccount? </a>
													</h4>
												</div>
												<div id="collapseOne2" class="panel-collapse collapse">
													<div class="panel-body">
														Now that there is the Tec-9, a crappy spray gun from South
														Miami. This gun is advertised as the most popular gun in
														American crime. Do you believe that shit? It actually says
														that in the little book that comes with it: the most
														popular gun in American crime. Like they're actually proud
														of that shit. <br /> <br /> Look, just because I don't be
														givin' no man a foot massage don't make it right for
														Marsellus to throw Antwone into a glass motherfuckin'
														house, fuckin' up the way the nigger talks. Motherfucker
														do that shit to me, he better paralyze my ass, 'cause I'll
														kill the motherfucker, know what I'm sayin'?
													</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion2"
															href="#collapseTwo2"> How do I cancel my account? </a>
													</h4>
												</div>
												<div id="collapseTwo2" class="panel-collapse collapse">
													<div class="panel-body">Do you see any Teletubbies in
														here? Do you see a slender plastic tag clipped to my shirt
														with my name printed on it? Do you see a little Asian
														child with a blank expression on his face sitting outside
														on a mechanical helicopter that shakes when you put
														quarters in it? No? Well, that's what you see at a toy
														store. And you must think you're in a toy store, because
														you're here shopping for an infant named Jeb.</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion2"
															href="#collapseThree2"> Where are my test
															credentials? </a>
													</h4>
												</div>
												<div id="collapseThree2" class="panel-collapse collapse">
													<div class="panel-body">Well, the way they make shows
														is, they make one show. That show's called a pilot. Then
														they show that show to the people who make shows, and on
														the strength of that one show they decide if they're going
														to make more shows. Some pilots get picked and become
														television programs. Some don't, become nothing. She
														starred in one of the ones that became nothing.</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion2"
															href="#collapseFour2"> Can I change the name of my
															account? </a>
													</h4>
												</div>
												<div id="collapseFour2" class="panel-collapse collapse">
													<div class="panel-body">Do you see any Teletubbies in
														here? Do you see a slender plastic tag clipped to my shirt
														with my name printed on it? Do you see a little Asian
														child with a blank expression on his face sitting outside
														on a mechanical helicopter that shakes when you put
														quarters in it? No? Well, that's what you see at a toy
														store. And you must think you're in a toy store, because
														you're here shopping for an infant named Jeb.</div>
												</div>
											</div>
										</div>
									</div>
									<div class="tab-pane fade" id="tab-configuration">
										<h3>
											<span>Technical information</span>
										</h3>
										<div class="panel-group accordion" id="accordion3">
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion3"
															href="#collapseOne3"> How do I protect unauthorized
															access to my media on Superhero? </a>
													</h4>
												</div>
												<div id="collapseOne3" class="panel-collapse collapse">
													<div class="panel-body">
														Now that there is the Tec-9, a crappy spray gun from South
														Miami. This gun is advertised as the most popular gun in
														American crime. Do you believe that shit? It actually says
														that in the little book that comes with it: the most
														popular gun in American crime. Like they're actually proud
														of that shit. <br /> <br /> Look, just because I don't be
														givin' no man a foot massage don't make it right for
														Marsellus to throw Antwone into a glass motherfuckin'
														house, fuckin' up the way the nigger talks. Motherfucker
														do that shit to me, he better paralyze my ass, 'cause I'll
														kill the motherfucker, know what I'm sayin'?
													</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion3"
															href="#collapseTwo3"> Which IP addresses will
															Superhero’s requests come from? </a>
													</h4>
												</div>
												<div id="collapseTwo3" class="panel-collapse collapse">
													<div class="panel-body">Do you see any Teletubbies in
														here? Do you see a slender plastic tag clipped to my shirt
														with my name printed on it? Do you see a little Asian
														child with a blank expression on his face sitting outside
														on a mechanical helicopter that shakes when you put
														quarters in it? No? Well, that's what you see at a toy
														store. And you must think you're in a toy store, because
														you're here shopping for an infant named Jeb.</div>
												</div>
											</div>
											<div class="panel panel-default">
												<div class="panel-heading">
													<h4 class="panel-title">
														<a class="accordion-toggle collapsed"
															data-toggle="collapse" data-parent="#accordion3"
															href="#collapseThree3"> What are Superhero’s business
															hours for support? </a>
													</h4>
												</div>
												<div id="collapseThree3" class="panel-collapse collapse">
													<div class="panel-body">Well, the way they make shows
														is, they make one show. That show's called a pilot. Then
														they show that show to the people who make shows, and on
														the strength of that one show they decide if they're going
														to make more shows. Some pilots get picked and become
														television programs. Some don't, become nothing. She
														starred in one of the ones that became nothing.</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								
							</div>
						</div>
					</div>
				</div>
				</form>
			</div>
		</div>
		<%-- 하단 --%>
		<jsp:include page="../include/bottom.jsp"></jsp:include>
		<%-- 하단 끝 --%>
	</div>
	</div>
	</div>

	<script src="js/demo-skin-changer.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/jquery.nanoscroller.min.js"></script>
	<script src="js/demo.js"></script>


	<script src="js/scripts.js"></script>

</body>
</html>